{% extends 'myadmin/base.html' %}
{% block title %}
<title>Book-shop后台首页</title>
{% endblock %}
{% block con %}
<section class="wrapper">
    <!--overview start-->
    <div class="row">
        <div class="col-lg-12">
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="{% url 'myadmin_index' %}">首页</a></li>
                <li><i class="fa fa-laptop"></i>仪表盘</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div class="info-box blue-bg">
                <i class="fa fa-cloud-download"></i>
                <div class="count">6.673</div>
                <div class="title">下载</div>
            </div>
            <!--/.info-box-->
        </div>
        <!--/.col-->

        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div class="info-box brown-bg">
                <i class="fa fa-shopping-cart"></i>
                <div class="count">6.531</div>
                <div class="title">已购物</div>
            </div>
            <!--/.info-box-->
        </div>
        <!--/.col-->

        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div class="info-box dark-bg">
                <i class="fa fa-thumbs-o-up"></i>
                <div class="count">4.362</div>
                <div class="title">点赞</div>
            </div>
            <!--/.info-box-->
        </div>
        <!--/.col-->

        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div class="info-box green-bg">
                <i class="fa fa-cubes"></i>
                <div class="count">1.426</div>
                <div class="title">库存</div>
            </div>
        </div>
    </div>
    <!--/.row-->

    <div class="row">
        <div class="col-lg-9 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h2><i class="fa fa-map-marker red"></i><strong>国家</strong></h2>
                    <div class="panel-actions">
                        <a href="index.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
                        <a href="index.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
                        <a href="index.html#" class="btn-close"><i class="fa fa-times"></i></a>
                    </div>
                </div>
                <div class="panel-body-map">
                    <div id="map" style="height:380px;"></div>
                </div>

            </div>
        </div>
        <div class="col-md-3">
            <!-- List starts -->
            <ul class="today-datas">
                <!-- List #1 -->
                <li>
                    <!-- Graph -->
                    <div><span id="todayspark1" class="spark"></span></div>
                    <!-- Text -->
                    <div class="datas-text">11,500 名访客/天</div>
                </li>
                <li>
                    <div><span id="todayspark2" class="spark"></span></div>
                    <div class="datas-text">15,000 次网页浏览</div>
                </li>
                <li>
                    <div><span id="todayspark3" class="spark"></span></div>
                    <div class="datas-text">30.05% 跳出率</div>
                </li>
                <li>
                    <div><span id="todayspark4" class="spark"></span></div>
                    <div class="datas-text">￥16,00 收入/天</div>
                </li>
                <li>
                    <div><span id="todayspark5" class="spark"></span></div>
                    <div class="datas-text">每月 12,000000 名访客</div>
                </li>
            </ul>
        </div>
    </div>
    <!-- Today status end -->
    <!-- statics end -->
    <div class="row">
        <div class="col-md-6 portlets">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h2><strong>日历</strong></h2>
                    <div class="panel-actions">
                        <a href="#" class="wminimize"><i class="fa fa-chevron-up"></i></a>
                        <a href="#" class="wclose"><i class="fa fa-times"></i></a>
                    </div>
                </div>
                <br><br><br>
                <div class="panel-body">
                    <div id="calendar"></div>

                </div>
            </div>
        </div>

        <div class="col-md-6 portlets">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="pull-left">快速发布</div>
                    <div class="widget-icons pull-right">
                        <a href="#" class="wminimize"><i class="fa fa-chevron-up"></i></a>
                        <a href="#" class="wclose"><i class="fa fa-times"></i></a>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="panel-body">
                    <div class="padd">

                        <div class="form quick-post">
                            <!-- Edit profile form (not working)-->
                            <form class="form-horizontal">
                                <!-- Title -->
                                <div class="form-group">
                                    <label class="control-label col-lg-2" for="title">标题</label>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control" id="title">
                                    </div>
                                </div>
                                <!-- Content -->
                                <div class="form-group">
                                    <label class="control-label col-lg-2" for="content">内容</label>
                                    <div class="col-lg-10">
                                        <textarea class="form-control" id="content"></textarea>
                                    </div>
                                </div>
                                <!-- Cateogry -->
                                <div class="form-group">
                                    <label class="control-label col-lg-2">类别</label>
                                    <div class="col-lg-10">
                                        <select class="form-control">
                                            <option value="">- 选择类别 -</option>
                                            <option value="1">General</option>
                                            <option value="2">News</option>
                                            <option value="3">Media</option>
                                            <option value="4">Funny</option>
                                        </select>
                                    </div>
                                </div>
                                <!-- Tags -->
                                <div class="form-group">
                                    <label class="control-label col-lg-2" for="tags">标签</label>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control" id="tags">
                                    </div>
                                </div>
                                <!-- Buttons -->
                                <div class="form-group">
                                    <!-- Buttons -->
                                    <div class="col-lg-offset-2 col-lg-9">
                                        <button type="submit" class="btn btn-primary">发布</button>
                                        <button type="submit" class="btn btn-danger">保存草稿</button>
                                        <button type="reset" class="btn btn-default">取消</button>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                    <div class="widget-foot">
                        <!-- Footer goes here -->
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!-- project team & activity end -->

</section>
{% endblock %}